---
title: Liste de Portefeuilles Personnalisée
description: Personnalisation de la liste de portefeuilles
---

# Liste de Portefeuilles Personnalisée

## Personnalisation de la liste de portefeuilles

Vous pouvez importer des portefeuilles individuels depuis `'@rainbow-me/rainbowkit/wallets'` avec la fonction `connectorsForWallets` pour construire votre propre liste de portefeuilles avec leurs connecteurs nécessaires. De cette manière, vous avez un contrôle total sur les portefeuilles à afficher et dans quel ordre.

Par exemple, vous pouvez choisir de n'afficher que Rainbow ainsi que des portefeuilles génériques de secours.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, walletConnectWallet],
    },
  ],
  {
    appName: 'My RainbowKit App',
    projectId: 'YOUR_PROJECT_ID',
  }
);
```

Vous pouvez ensuite passer vos connecteurs à la fonction `createConfig` de Wagmi.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';

const connectors = connectorsForWallets(/* ... */);

const config = createConfig({
  connectors,
  {/* Wagmi config */}
});

const queryClient = new QueryClient();

const App = () => (
  <WagmiProvider config={config}>
    <QueryClientProvider client={queryClient}>
      <RainbowKitProvider {...etc}>
        {/* Your App */}
      </RainbowKitProvider>
    </QueryClientProvider>
  </WagmiProvider>
);
```

### Portefeuilles intégrés

Les portefeuilles suivants sont fournis via l'objet `wallet`.

#### Portefeuilles Génériques

Les portefeuilles suivants sont limités à des méthodes de connexion génériques plutôt qu'à des applications spécifiques. Il est donc recommandé d'inclure toujours ces portefeuilles.

##### WalletConnect

Ceci est une option de portefeuille de secours conçue pour les portefeuilles basés sur WalletConnect qui n'ont pas été fournis par un autre portefeuille de la liste.

**Il est recommandé d'inclure toujours ce portefeuille dans la liste pour garantir le support de tous les portefeuilles basés sur WalletConnect.**

```tsx
import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Portefeuille Injecté

Ceci est une option de portefeuille de secours conçue pour les scénarios où `window.ethereum` existe mais n'a pas été fourni par un autre portefeuille de la liste. Ce portefeuille se cachera automatiquement de la liste lorsque le secours n'est pas nécessaire ou s'il n'y a aucun portefeuille injecté disponible.

**Il est recommandé d'inclure toujours ce portefeuille dans la liste pour garantir le support de tous les portefeuilles injectés.**

```tsx
import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Portefeuille Sûr

Pour les dApps qui prennent en charge les Safe Apps permettant aux utilisateurs de se connecter facilement à leur coffre-fort Safe ou multi-sig, incluez l'option `safeWallet` pour des connexions automatiques. L'option Safe n'apparaîtra que dans l'environnement du navigateur Safe Wallet.

```tsx
import { safeWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Portefeuilles Spécifiques

Les portefeuilles suivants sont fournis via l'objet `wallet` (par ordre alphabétique).

#### Portefeuille 1inch

```tsx
import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Backpack

```tsx
import { backpackWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Compte Base (anciennement portefeuille Coinbase)

Ce connecteur de portefeuille prend en charge le Compte Base, l'évolution du Smart Wallet de Coinbase. Il offre une authentification transparente et des fonctionnalités améliorées telles que des sous-comptes et des permissions de dépenses.

Les options de configuration sont conformes à la [référence SDK Base Account](https://docs.base.org/base-account/reference/core/createBaseAccount).

```tsx
import { baseAccount } from '@rainbow-me/rainbowkit/wallets';

// Configure attribution (choose one approach)
baseAccount.preference = {
  attribution: { auto: true }, // Smart Wallet generates origin-based identifier
};

// Or use custom attribution
baseAccount.preference = {
  attribution: { dataSuffix: '0x1234567890abcdef' }, // 16-byte hex identifier
};

// Configure sub-accounts
baseAccount.subAccounts = {
  creation: 'on-connect', // or 'manual'
  defaultAccount: 'sub', // or 'universal'
  funding: 'spend-permissions', // or 'manual'
};

// Configure paymaster URLs for gasless transactions
baseAccount.paymasterUrls = {
  [base.id]: 'https://api.developer.coinbase.com/rpc/v1/base/...',
};
```

#### BeraSig

```tsx
import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Meilleur Portefeuille

```tsx
import { bestWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Bifrost

```tsx
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Binance Web3

```tsx
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitget

```tsx
import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitski

```tsx
import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitverse

```tsx
import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Bloom

```tsx
import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Brave

```tsx
import { braveWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Bybit

```tsx
import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Coin98

```tsx
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Compass

```tsx
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
```

#### Core

```tsx
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille CTRL

```tsx
import { ctrlWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Dawn

```tsx
import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Enkrypt

```tsx
import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### FoxWallet

```tsx
import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Frame

```tsx
import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Frontier

```tsx
import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Gate

```tsx
import { gateWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Gemini

Ce connecteur de portefeuille intelligent permet une authentification transparente via des passes à keys.gemini.com - pas de téléchargements, d’extensions ou de clés API requis. Cela fonctionne immédiatement.

Le paramètre `appName` est requis pour identifier votre dApp, et `appIcon` est facultatif pour personnaliser votre expérience de connexion.

```tsx
import { geminiWallet } from '@rainbow-me/rainbowkit/wallets';

const gemini = geminiWallet({
  appName: 'My App',
  appIcon: 'https://my-app.com/logo.png', // Optional
});
```

#### imToken

```tsx
import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille ioPay

```tsx
import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Kaia

```tsx
import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Kaikas

```tsx
import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Kraken

```tsx
import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Kresus

```tsx
import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Ledger Live

```tsx
import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Magic Eden

```tsx
import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MetaMask

```tsx
import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MEW Wallet

```tsx
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Nova

```tsx
import { novaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille OKX

```tsx
import { okxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Omni

```tsx
import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### OneKey

```tsx
import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ParaSwap

```tsx
import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Phantom

```tsx
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Porto

```tsx
import { portoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Rabby

```tsx
import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Rainbow

```tsx
import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Portefeuille Ramper

```tsx
import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Prêt

```tsx
import { readyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Ronin Wallet

```tsx
import { roninWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Safeheron

```tsx
import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Taho

```tsx
import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Talisman

```tsx
import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Tokenary

```tsx
import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### TokenPocket

```tsx
import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Trust Wallet

```tsx
import { trustWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Uniswap Wallet

```tsx
import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Valora

```tsx
import { valoraWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Wigwam

```tsx
import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### xPortal

```tsx
import { xPortalWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Zerion

```tsx
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ZilPay

```tsx
import { zilPayWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Exemples

#### Ordonnance

Voici quelques exemples d'affichage de différents portefeuilles, dans différents ordres.

Afficher MetaMask ainsi que les portefeuilles génériques de secours.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  metaMaskWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [metaMaskWallet, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

Affichez Rainbow, MetaMask et Base Account ainsi que les portefeuilles génériques de secours.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Suggested',
      wallets: [
        rainbowWallet,
        metaMaskWallet,
        baseAccount,
        walletConnectWallet,
      ],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

> Rappel : L'ordre du tableau `wallets` définit l'ordre dans lequel les portefeuilles seront affichés dans l'interface utilisateur.

#### Multiples groupes

Vous pouvez utiliser la clé `groupName` pour nommer différents groupes de portefeuilles. C'est utile si vous souhaitez indiquer à vos utilisateurs quels portefeuilles vous recommandez, ainsi que d'autres portefeuilles possibles.

Recommandez Rainbow et MetaMask, mais proposez également Base Account ainsi que des portefeuilles génériques de secours.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, metaMaskWallet],
    },
    {
      groupName: 'Others',
      wallets: [baseAccount, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```
